$(function () {
  // 退出功能
  $('.logout').on('click', function () {
    layer.confirm('确定退出登录吗?', { icon: 3, title: '提示' }, function (index) {
      location.href = '/login.html'
      localStorage.removeItem('token')
      // 关闭遮罩层
      layer.close(index);
    });
  })

  // 获取用户信息
  initUserInfo()
})

// 获取用户信息
function initUserInfo() {
  axios.get('/my/userinfo').then(({ data: res }) => {
    // 渲染用户信息
    renderUserInfo(res.data)
  }, (error) => {
    console.dir(error)
    if (error.response.status === 401) {

      localStorage.removeItem('token')
      location.href = '/login.html'
    }
  })
}


// 渲染用户信息
function renderUserInfo(data) {
  let name = data.nickname || data.username
  let textAvatar = name.charAt(0).toUpperCase()
  // 渲染头部区域的用户信息
  if (data.user_pic) {
    $('#header-avatar').html(`
        <img src="${data.user_pic}"class="layui-nav-img">
        个人中心
      `)
  } else {
    $('#header-avatar').html(`
        <div class="text-avatar">${textAvatar}</div>
        个人中心
      `)
  }
  // 渲染侧边栏的用户信息
  if (data.user_pic) {
    $('.user-info-box').html(`
        <img src="${data.user_pic}"class="layui-nav-img">
        <span class="welcome">&nbsp;欢迎&nbsp; ${name}</span>
      `)
  } else {
    $('.user-info-box').html(`
        <div class="text-avatar">${textAvatar}</div>
        <span class="welcome">&nbsp;欢迎&nbsp; ${name}</span>
      `)
  }

  // 在页面元素动态生成后调用 layui的element.render()函数 重新渲染头部导航栏
  layui.element.render('nav', 'header-nav')
}
// 控制侧边栏
function highlight(kw) {
  $('dd').removeClass('layui-this')
  $(`dd:contains('${kw}')`).addClass('layui-this')
}
